<template>
  <div class="demo">
    <div class="demo-title">控制关闭状态</div>
    <div class="demo-content">
      <Tag v-model:visible="visible" closable>Movies</Tag>
      <br />
      <Button size="small" @click="visible = !visible">Toggle</Button>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import Button from '@sscd/button';
  import Tag from '@sscd/tag';
  const visible = ref(false);
</script>
